<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="zh-cn">
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="description" content="厚和尚品"/>
    <meta name="keywords" content="厚和尚品"/>
    <title th:text="${title}">我的订单</title>
    <link rel="apple-touch-icon-precomposed" href=""/>
    <link rel="apple-touch-startup-image" href=""/>
    <link rel="stylesheet" href="mall/css/css.css" th:href="@{/mall/css/css.css}" />
    <script type="text/javascript" src="mall/lib/zpeto/zepto-1.2.0.min.js"
	th:src="@{/mall/lib/zpeto/zepto-1.2.0.min.js}"></script>
	<script type="text/javascript" src="mall/lib/layer/layer_mobile/layer.js" th:src="@{/mall/lib/layer/layer_mobile/layer.js}"></script>
    <script type="text/javascript" src="mall/js/comm.js"
	th:src="@{/mall/js/comm.js}"></script>
    <!--  引入jquery标签库  -->
    <script type="text/javascript" src="mall/js/jquery.cityselect.js" th:src="@{/mall/js/jquery.cityselect.js}"></script>
    
</head>
<body>
<div class="order-list">
<!--  拿出每一个订单信息但是每一个订单信息包含一个订单详细的集合    -->
    <div class="item" th:if="${salesReturnLength > 0}" th:each="order : ${orders}">
         <div class="o-number" th:text="|订单编号：${order.orderId}|" style="font-size:150%;font-weight:bold;">订单编号：1231413423412345134</div>
        <!-- 获取订单详细信息 -->
        <div class="o-item" th:each="itemInfo : ${order.itemList}">
            	<div class="goods2-img">
                	<img th:src="@{'/upload-dir/'+${itemInfo.productId}+'/min/' + ${itemInfo.smallImgPath}}" alt=""/>
            	</div>
           		 <div class="content2">
                	<p class="title" th:text="${itemInfo.proName}">老风农天然450g喝出健康</p>
                	<div class="item-pay">
               			<!-- 获取当前订单详细的积分，金额 以及数量  -->
               			<div class="price"><span class="ftx-01" th:text="${itemInfo.transBonus}">200</span>积分+￥<span
						class="ftx-01" th:text="${itemInfo.transAmt}">59</span></div>
                		<div class="quantity" th:text="|× ${itemInfo.count}|">×1</div>
          			</div>
        		 </div>
       	 </div>
       	 <div class="o-total-price" >退款金额：<span class="ftx-01" th:text="${order.transAmt}">200</span>退款积分+￥<span
						class="ftx-01" th:text="${order.transBonus}" >59</span>
						<p class="ftx-01"> 正在退款</p>
					</div>
      </div>
</div>
       	
       	
       	
       	
		 <div class="item" th:if="${salesReturnLength  == 0}">
        		<div class="o-title-shop">
        			<div class="name">暂无订单</div>
     			</div>
 		</div> 
 
<div class="bottom-fxied" style="left: 0px; bottom: 0px; width: 100%; display: block;">
    <div class="footer-menu">
        <a th:href="@{/main/}" class="home"><img src="mall/img/ico-home-01.png" th:src="@{/mall/img/ico-home-01.png}" alt=""/></a>
        <a th:href="@{/main/list/all}" class="link-single">全部尚品</a>
        <a th:href="@{/member/main}" class="link-single">我的订单</a>
    </div>
</div>

</body>
</html>